<div class="card mb-4">
    <h6 class="card-header">
        Page types
    </h6>
    <div class="card-body collapse show">
        <div class="custom-control custom-switch custom-control-inline col-3"
            ng-repeat="type in $ctrl.settings.pageTypes track by $index" ng-switch="type.name"
            ng-class="{active: type.value === $ctrl.model}" ng-click="$ctrl.model=type.value;">
            <input type="radio" ng-model="$ctrl.model" class="custom-control-input" ng-value="type.value"
                id="page_type_{{type.value}}" name="page_type_{{type.value}}">



            <label ng-switch-when="Blank" class="custom-control-label" for="page_type_{{type.value}}"
                ng-click="$ctrl.model=type.value;">Blank</label>
            <label ng-switch-when="Post" class="custom-control-label" for="page_type_{{type.value}}"
                ng-click="$ctrl.model=type.value;">Post</label>
            <label ng-switch-when="ListPost" class="custom-control-label" for="page_type_{{type.value}}"
                ng-click="$ctrl.model=type.value;">List Post</label>
            <label ng-switch-when="ListProduct" class="custom-control-label" for="page_type_{{type.value}}"
                ng-click="$ctrl.model=type.value;">List Product</label>
            <label ng-switch-when="List" class="custom-control-label" for="page_type_{{type.value}}"
                ng-click="$ctrl.model=type.value;">List</label>
            <label ng-switch-when="Home" class="custom-control-label" for="page_type_{{type.value}}"
                ng-click="$ctrl.model=type.value;">Home</label>
            <label ng-switch-when="StaticUrl" class="custom-control-label" for="page_type_{{type.value}}"
                ng-click="$ctrl.model=type.value;">Static Url</label>
            <label ng-switch-when="Modules" class="custom-control-label" for="page_type_{{type.value}}"
                ng-click="$ctrl.model=type.value;">Modules</label>
            <label ng-switch-when="Gallery" class="custom-control-label" for="page_type_{{type.value}}"
                ng-click="$ctrl.model=type.value;">Gallery</label>
            <label ng-switch-when="System" class="custom-control-label" for="page_type_{{type.value}}"
                ng-click="$ctrl.model=type.value;">System</label>
        </div>
    </div>
</div>
